<!DOCTYPE html>
<!--[if lt IE 7 ]><html lang="en" class="ie6 ielt7 ielt8 ielt9"><![endif]--><!--[if IE 7 ]><html lang="en" class="ie7 ielt8 ielt9"><![endif]--><!--[if IE 8 ]><html lang="en" class="ie8 ielt9"><![endif]--><!--[if IE 9 ]><html lang="en" class="ie9"> <![endif]--><!--[if (gt IE 9)|!(IE)]><!--> 
<html lang="en"><!--<![endif]--> 
	<head>
		<meta charset="utf-8">
		<title>BookList</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link href="/static/css/bootstrap.min.css" rel="stylesheet">
		<link href="/static/css/bootstrap-responsive.min.css" rel="stylesheet">
		<link href="/static/css/site.css" rel="stylesheet">
		<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
	</head>
	<body>
		<div class="container">

				<div class="span9">
					<h1>
						BookList
					</h1>
					<table class="table table-bordered table-striped">
						<thead>
							<tr>
								<th>BookName</th>
								<th>Author</th>
								<th>Date</th>
								<th>Price</th>
								<th>Option</th>
							</tr>
						</thead>
						<tbody>
							{% for row in booklists %}
							<tr>
								<td>{{ row.bookname }}</td>
								<td>{{ row.author }}</td>
								<td>{{ row.date }}</td>
								<td>{{ row.price }}</td>
							  <td>
								  <span><input type="button" value="详情" /></span>
									<span><input type="button" value="编辑" /></span>
									<span><input type="button" value="删除" /></span>
							  </td>
							</tr>
							{% endfor %}
						</tbody>
					</table>
					<a class="toggle-link" href="#new-book"><i class="icon-plus"></i> New Book</a>
					<form id="new-book" class="form-horizontal hidden" method="post" action="/home">
						<fieldset>
							<legend>Add Book</legend>
							<input type="text" placeholder="书名" name="bookname" />
							<input type="text" placeholder="作者" name="author" />
							<input type="text" placeholder="价格" name="price" />
							<input type="text" placeholder="日期" name="date" />
							<input type="submit" value="确定添加"/>
						</fieldset>
					</form>
				</div>
			</div>
		</div>
		<script src="/static/js/jquery.min.js"></script>
		<script src="/static/js/bootstrap.min.js"></script>
		<script src="/static/js/site.js"></script>
	</body>
</html>
